<div class="list-container">
  <div class="header-bar">
    <button title="刷新列表" (click)="refresh()">
      <i class="tim-icon-refresh"></i>
    </button>
    <button title="创建会话" (click)="add()">
      <i class="tim-icon-add"></i>
    </button>
  </div>
  <div class="scroll-container">
    <app-conversation-item [currentConversation]="currentConversation" [conversation]="item"
      *ngFor="let item of conversationList">
    </app-conversation-item>
  </div>
</div>

<nz-modal [(nzVisible)]="showDialog" nzTitle="发起会话" [nzContent]="content"
  (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
</nz-modal>

<ng-template #content>
  <nz-form-item>
    <nz-form-label [nzSpan]="6">用户ID</nz-form-label>
    <nz-form-control [nzSpan]="14">
      <input nz-input [(ngModel)]="userID">
    </nz-form-control>
  </nz-form-item>
</ng-template>
